.dialog-pane {
    -fx-background-color: white;
    -fx-padding: 20px;
}

.dialog-pane .header-panel {
    -fx-background-color: white;
    -fx-padding: 0 0 10px 0;
}

.dialog-pane .content {
    -fx-padding: 0;
}

.dialog-pane .header-panel .label {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #333333;
}

.dialog-pane .button-bar .button {
    -fx-background-color: #4285F4;
    -fx-text-fill: white;
    -fx-background-radius: 4px;
    -fx-padding: 8px 16px;
    cursor: hand;
    -fx-cursor: hand;
    -fx-font-size: 13px;
}

.dialog-pane .button-bar .button:hover {
    -fx-background-color: #3367D6;
}

.dialog-pane .button-bar .button:pressed {
    -fx-background-color: #2A56C6;
}

.dialog-pane .button-bar .cancel-button {
    -fx-background-color: #F1F3F4;
    -fx-text-fill: #5F6368;
}

.dialog-pane .button-bar .cancel-button:hover {
    -fx-background-color: #E8EAED;
}

.reset-button {
    -fx-background-color: #F1F3F4;
    -fx-text-fill: #5F6368;
    -fx-background-radius: 4px;
    -fx-padding: 5px 10px;
    cursor: hand;
    -fx-cursor: hand;
    -fx-font-size: 12px;
}

.reset-button:hover {
    -fx-background-color: #E8EAED;
}

.reset-button:pressed {
    -fx-background-color: #DADCE0;
}

/* 外部容器 - 用于确保裁剪容器居中并固定大小 */
.cropper-outer-container {
    -fx-alignment: center;
    -fx-min-width: 370px;
    -fx-min-height: 370px;
    -fx-pref-width: 370px;
    -fx-pref-height: 370px;
    -fx-max-width: 370px;
    -fx-max-height: 370px;
    -fx-padding: 10px;
}

/* 裁剪容器 - 固定大小且不受图像缩放影响 */
.cropper-container {
    -fx-background-color: #F8F9FA;
    -fx-background-radius: 8px;
    -fx-padding: 0;
    -fx-alignment: center;
    -fx-border-color: #DADCE0;
    -fx-border-radius: 8px;
    -fx-border-width: 1px;
    /* 确保大小固定 */
    -fx-min-width: 350px;
    -fx-min-height: 350px;
    -fx-pref-width: 350px;
    -fx-pref-height: 350px;
    -fx-max-width: 350px;
    -fx-max-height: 350px;
    /* 防止内容溢出 */
    -fx-clip-to-bounds: true;
}

.slider {
    -fx-padding: 10px 0;
}

.slider .track {
    -fx-background-color: #DADCE0;
}

.slider .thumb {
    -fx-background-color: #4285F4;
}

.preview-container {
    -fx-background-color: white;
    -fx-padding: 10px;
    -fx-background-radius: 8px;
    -fx-border-color: #DADCE0;
    -fx-border-radius: 8px;
    -fx-border-width: 1px;
    -fx-alignment: center;
}

.preview-title {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-padding: 0 0 10px 0;
}

.instruction-label {
    -fx-font-size: 13px;
    -fx-text-fill: #5F6368;
    -fx-padding: 0 0 10px 0;
}

.tip-label {
    -fx-font-size: 12px;
    -fx-text-fill: #5F6368;
    -fx-padding: 5px 0;
    -fx-font-style: italic;
} 